<template>
  <div id="home">
    <Banner></Banner>
    <yaoqing></yaoqing>
    <Hot></Hot>
    <Info></Info>
  </div>
</template>
<script>
import Banner from './content/banner/Index.vue'
import yaoqing from './content/yaoqing/Index.vue'
import Hot from './content/hot/Index.vue'
import Info from './content/information/Index.vue'
import Know from './content/knowledge/Index.vue'
export default {
  mounted(){
    this.user_level = ""
  },
  data(){
    return {
      user_level:''
    }
  },
  components: {
    Banner,
    yaoqing,
    Hot,
    Info,
    Know
  }
}

</script>
<style scoped>
#home{
  background: #f7f7f7;
}
#info{
  margin-bottom:3rem;
}
</style>

